php forum
php mysql forum
php mysql smarty
 
Topic Options
#314478 - 06/18/07 09:19 PM [7.1.1] - Mouseover topic title tooltip with .js
sirdude Offline
Enthusiast

Registered: 11/08/03
Posts: 490
Loc: SoCal
As usual, i had a buncha forum members with nothing better to do than to bitch about a 'lost feature' that i had hacked in for 65x when we upgraded to 71x.

Sooooo, i added this as a response to their griping. It was a fun one to do.

Essentially, this has a variable delay tooltip, that will show when the user hovers over a topic's subject.

The tooltip is fully styled and fully HTML, with all tags being closed by the truncator. No nl2br stuff or text only!

Just read the readme.txt (duh) and have at it. I have it working on my play forum: Here . The hover activates after a 1 second (configurable) delay.

I think i currently have it showing the last post in the thread, where first==last for a totally new topic wink

Notes:

1. "title="header=[Preview] body=[{$postrow[topic].PostBody}] fade=[on] delay=[1000] fadespeed=[1] cssheader=[tthdr] cssbody=[ttbdy]"

you can change these ie:
. "Preview" could come from a lang file, if you want and you could call it whatever
. fade=[on] can be off, if you don't want the tooltip to fade at all
. delay is in ms, so 1000 is one second. feel free to change. i find a short one kinda sux
. tthdr, ttbdy can be any class you desire. i just used them as 'tt' - tooltip smile

2. i've included a compressed version of boxover.js, since its static anyway. you can choose to copy boxover-cs.js to boxover.js if you want. i also have boxover-nm.js in case you killed the original boxover.js.

3. The css i included above was for a blueish theme (light), so feel free to change it for your particular needs. Also, the widths may not be to your liking. Have at it! You can include 'opacity' stuff and have some neat effects, if you'd like. i tried it, then reverted to none.

4. The popup is a fully HTML one and all tags that aren't finished are handled (finished off) by truncate.inc.php, so no worries, if you choose to have a different size for the preview.

5. I've gone even further with this puppy to add it to Active Topics preview and such. There are lots of places where this can be used, however I decided to stop for now, because what i really intend (and am in the process of doing) is to marry the .js with AJAX functionality so as to not have to burden the title="" with large amounts of data. This will make for a more polished product in the end. I'll probably coincide the new release of this puppy with 7.2, so i don't have to re-hack.

6. You can choose what the hover tooltip will display (first post or last post), by changing the SQL above from .TOPIC_LAST_POST_ID to t1.POST_ID

Screenie below:


That's it!

Enjoy!


Attachments
2414-ReadMe.txt (53 downloads)
2415-sd.Tooltip.for.Postlist.zip (58 downloads)



Edited by sirdude (07/21/07 01:17 PM)
Edit Reason: See 7.2 update in separate thread

Top
#314480 - 06/19/07 12:35 AM Re: [7.1.1] - Hover tooltip for forum topics and more [Re: sirdude]
Ian_W Offline

Veteran

Registered: 02/22/02
Posts: 2575
Loc: England
Well done laugh

yay

_________________________
Fans Focus - Focusing on Fans of Sport

(Okay - mainly football (the British variety wink at the moment - but expanding all the time....)

Top
#314627 - 06/28/07 02:06 AM Re: [7.1.1] - Mouseover topic title tooltip with . [Re: sirdude]
Ian_W Offline

Veteran

Registered: 02/22/02
Posts: 2575
Loc: England
Originally Posted By: sirdude
I'll probably coincide the new release of this puppy with 7.2, so i don't have to re-hack.


Will await 7.2 version smile
_________________________
Fans Focus - Focusing on Fans of Sport

(Okay - mainly football (the British variety wink at the moment - but expanding all the time....)

Top
#314628 - 06/28/07 07:56 AM Re: [7.1.1] - Mouseover topic title tooltip with . [Re: Ian_W]
sirdude Offline
Enthusiast

Registered: 11/08/03
Posts: 490
Loc: SoCal
Ian,

I agree that's probably a good idea. Since it will be ajax based and the load on the php side of things (as well as page size) will drop.

Matter of fact, for all my mods, i don't see why someone would be putting them into a 7.1x right now. Best to wait for 7.2 or later.

Good to note however, most of them aren't different with respect to whether they are intstalled on a 7.1 or 7.2
_________________________

Top
#314790 - 07/18/07 08:32 PM Re: [7.1.1] - Mouseover topic title tooltip with . [Re: sirdude]
Rose Offline
Power User

Registered: 09/29/06
Posts: 76
Hey sirdude, this is exactly what I've been wanting. Good for you, and thanks! smile

I'll wait until I upgrade to 7.2 as well. smile

Top
#314804 - 07/19/07 02:21 PM Re: [7.1.1] - Mouseover topic title tooltip with . [Re: Rose]
sirdude Offline
Enthusiast

Registered: 11/08/03
Posts: 490
Loc: SoCal
I've decided to separate the 7.1 mods from the 7.2 mods into separate threads. the 7.1 mods will just float down in the list and fade into oblivion, while (if the 7.2 mods are good enough) the new ones will supplant them.

Keeping 2 flavors of mods in the same thread is a pain and the coding (although very similar) is easier to maintain on a per thread/version basis.

So just look for the new [7.2] threads, if you are into 7.2 only mods.

:2c:
_________________________

Top
#314820 - 07/19/07 10:04 PM Re: [7.1.1] - Mouseover topic title tooltip with . [Re: sirdude]
Gizmo Offline

Wizard

Registered: 01/10/00
Posts: 5354
Loc: Portland, OR, USA
Good way to do it, I do it by prefixing the thread with versions it supports; very rare though do I have one which says [7.x] wink
_________________________
UBB.Dev - Where you too can render your UBB install completely useless...
UGN Security, Elite Web Gamers & VNC Web Design & Development President
UBB.Threads: My UBBSkins, UBB.Sitemaps

Top
#314847 - 07/21/07 08:52 AM Re: [7.1.1] - Mouseover topic title tooltip with . [Re: Gizmo]
Rose Offline
Power User

Registered: 09/29/06
Posts: 76
This will work for 7.2, right?

Top
#314848 - 07/21/07 09:19 AM Re: [7.1.1] - Mouseover topic title tooltip with . [Re: Rose]
Rose Offline
Power User

Registered: 09/29/06
Posts: 76
I think I answered my own question .. which is no. The first piece of code to find and replace is not exactly the same, so I thought I'd better not go ahead. I'll break something for sure. laugh

Top
#314849 - 07/21/07 10:24 AM Re: [7.1.1] - Mouseover topic title tooltip with . [Re: Rose]
sirdude Offline
Enthusiast

Registered: 11/08/03
Posts: 490
Loc: SoCal
i'll make a new thread for the 7.2 one. should be after starbucks and 2 triple grande lattes though laugh
_________________________

Top
#314851 - 07/21/07 11:47 AM Re: [7.1.1] - Mouseover topic title tooltip with . [Re: sirdude]
Rose Offline
Power User

Registered: 09/29/06
Posts: 76
Thanks SD .. will look out for it. smile

Top



Moderator:  sirdude 
Latest Posts
[7.2.1] - Naked shoutbox
by bellaonline
05/05/12 05:00 PM
[7.x] Stop Forum Spam Integration v0.4
by bellaonline
05/05/12 03:53 PM
Shout Box

(Views)Popular Topics
Known public proxy servers 1689885
Integrated Index Page (IIP) 5.3.1 555705
Finished-[6.5.2] Games Arcade Deluxe v1.9 501236
Integrated Index Page (IIP) 5.1.1 415112
TLD Bv2.1 Released - Threads Links Directory 396822
[6.0x] Who's Online 4.0.0 [Finished] 389412
Finished-[6.5.1] Integrated Index Page (IIP) 6.5 330423
Q & A 298663
Slash UBB 266936
[6.3.x] [beta] Hit Hack 2.0 227970
Forum Stats
13621 Members
59 Forums
37191 Topics
295716 Posts

Max Online: 686 @ 06/28/07 07:04 AM

 

 

 
fusionbb message board php hacks